<template>
  <div>

    <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
      <van-list  v-model="loading" :finished="finished" finished-text="我是有底线的"  @load="onLoad">
        <!-- <van-cell v-for="item in list" :key="item.newsId" :title="item.newsTetle" />   -->
        <div v-for="item in articlelist" :key="item.id" :title="item.articleTitle" style="border:1px solid red ;height: 100px;">
<!--          <div style="float: left;" v-if="item.newsImagepath!=''">-->
<!--            <img :src="item.newsImagepath" alt="" style="width:100px ; height:90px ;" >-->
<!--          </div>-->
          <div>
            <span style="line-height: 40px; font-family: 微软雅黑;">{{item.articleTitle}}</span>
          </div>
<!--          <div style="">-->
<!--            <span style="font-size: 10px; position: absolute; right: 20px;">来源:{{item.user.userName}}</span>-->
<!--          </div>-->
<!--          <span style="font-size: 10px;">{{item.newsDate}}</span>-->
        </div>
      </van-list>
    </van-pull-refresh>
  </div>

</template>

<script>
    export default {
        name: "article",
        data(){
          return{
            articlelist:[
            ]
          }
        },
      methods:{
        go:function () {
          this.$router.replace()
        }
      },
      mounted(){
          this.$axios.get("http://localhost:7000/article/findAll").then(res=>{
            this.articlelist=res.data.data;

          })
      }
    }
</script>

<style scoped>

</style>
